/**
 * 条件渲染
 */
let flag = false
function ifs(res) {
  if (res) {
    return <span>正确的结果</span>
  } else {
    return <span>错误的结果</span>
  }
}
function Condition() {
  return (
    <div>
      {/* 单一元素显示 flag如果为true 则span显示，如果为false则span不显示 */}
      <div> {flag && <span> 单一元素显示 </span>} </div>

      {/* hidden属性控制显隐 */}
      <div hidden={flag}> hidden属性控制显隐 </div>

      {/* 三元运算符 */}
      <div> {flag ? <span>zhangsan</span> : <span>lisi</span>} </div>

      {/* if...else */}
      {ifs(flag)}
    </div>
  )
}


export default Condition